// out: ../css/waitlist.css

@import url(common.less);

body {
  background-color: @bg_color;
}

 // 待提货头部
 .goodshead{
      position: sticky;
      top: 0;
      z-index: 999;
  .head {
    width: 100%;
    height: 50./@rem;
    background-color: @white;
  
    ul {
      display: flex;
  
      li {
        height: 22./@rem;
        font-size: 16./@rem;
        font-weight: 600;
        margin-right: 36./@rem;
        margin-top: 8./@rem;
        color: @text_gray;
  
        &:nth-child(1) {
          margin-left: 30.5./@rem;
          color: @text_main;
        }
  
      }
    }
  
    .line {
      width: 23./@rem;
      height: 4./@rem;
      position: absolute;
      top: 36./@rem;
      left: 43.5./@rem;
      background-image: linear-gradient(210deg, #F25C4D 25%, #E52D21 100%, #E52D21 100%);
      border-radius: 2./@rem;
    }
}
}

// 待提货任务编号
.tasknum0 {
  width: 345./@rem;
  height: 229./@rem;
  background-color: @white;
  margin: 15./@rem 15./@rem 15./@rem;
  position: relative;
  border-radius: 10./@rem;

  .top {
    height: 22./@rem;
    font-weight: 500;
    font-size: 16./@rem;
    color:@text_main;
    position: absolute;
    top: 15./@rem;
    left: 20./@rem;
  }
  .radius1{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@text_main;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 59./@rem;
    left: 19.5./@rem;
  }
  .radius2{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@brand_color;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 111.5./@rem;
    left: 19.5./@rem;
  }
  .verticalline{
    width: 1./@rem;
    height: 22./@rem;
    border: 1./@rem dashed @form_border;
    position: absolute;
    top: 85./@rem;
    left: 30.5./@rem;
  }
  .article1{
    width: 275./@rem;
    height: 40./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 58./@rem;
    left: 53./@rem;
  }
  .article2{
    width: 272./@rem;
    height: 20./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 112.5./@rem;
    left: 53./@rem;
  }
  .line{
    width: 309./@rem;
    height: 1./@rem;
    border: 1./@rem solid @separated;
    top:155./@rem ; 
    position: absolute;
    left: 19./@rem;
    color:@text_gray;
  }
  .gettime{
    height: 40./@rem;
    // width: 117./@rem;
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    top: 170.5./@rem;
    left: 19.5./@rem;
    // .taketimes{

    // }
    .time{
     color: #2a2929;
    }

  }
  .delay{
    width: 52./@rem;
    height: 22./@rem;
    border: 1./@rem solid #EF4F3F;
    border-radius: 11./@rem;
    text-align: center;
    line-height:20./@rem ;
    font-weight: 400;
    font-size: 12./@rem;
    color: #EF4F3F;
    position: absolute;
    top: 15./@rem;
    left: 280./@rem;
  }
  .MincommonClickButton{
    width: 80./@rem;
    height:32./@rem;
    background-color: #EF4F3F;
    border-radius: 16./@rem;
    color: @white;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: 175.5./@rem;
    left: 248./@rem;
    text-align: center;
    line-height: 32./@rem;
  }
}
.tasknum1 {
  width: 345./@rem;
  height: 229./@rem;
  background-color: @white;
  margin: 15./@rem 15./@rem 15./@rem;
  position: relative;
  border-radius: 10./@rem;

  .top {
    height: 22./@rem;
    font-weight: 500;
    font-size: 16./@rem;
    color:@text_main;
    position: absolute;
    top: 15./@rem;
    left: 20./@rem;
  }
  .radius1{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@text_main;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 59./@rem;
    left: 19.5./@rem;
  }
  .radius2{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@brand_color;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 111.5./@rem;
    left: 19.5./@rem;
  }
  .verticalline{
    width: 1./@rem;
    height: 22./@rem;
    border: 1./@rem dashed @form_border;
    position: absolute;
    top: 85./@rem;
    left: 30.5./@rem;
  }
  .article1{
    width: 275./@rem;
    height: 40./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 58./@rem;
    left: 53./@rem;
  }
  .article2{
    width: 272./@rem;
    height: 20./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 112.5./@rem;
    left: 53./@rem;
  }
  .line{
    width: 309./@rem;
    height: 1./@rem;
    border: 1./@rem solid @separated;
    top:155./@rem ; 
    position: absolute;
    left: 19./@rem;
    color:@text_gray;
  }
  .gettime{
    height: 40./@rem;
    // width: 117./@rem;
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    top: 170.5./@rem;
    left: 19.5./@rem;
    // .taketimes{

    // }
    .time{
     color: #2a2929;
    }

  }
  .delay{
    width: 52./@rem;
    height: 22./@rem;
    border: 1./@rem solid #EF4F3F;
    border-radius: 11./@rem;
    text-align: center;
    line-height:20./@rem ;
    font-weight: 400;
    font-size: 12./@rem;
    color: #EF4F3F;
    position: absolute;
    top: 15./@rem;
    left: 280./@rem;
    opacity: 0;
  }
  .MincommonClickButton{
    width: 80./@rem;
    height:32./@rem;
    background-color: #FADCD9;
    border-radius: 16./@rem;
    color: @white;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: 175.5./@rem;
    left: 248./@rem;
    text-align: center;
    line-height: 32./@rem;
  }
}
.tasknum2 {
  width: 345./@rem;
  height: 229./@rem;
  background-color: @white;
  margin: 15./@rem 15./@rem 35./@rem;
  position: relative;
  border-radius: 10./@rem;

  .top {
    height: 22./@rem;
    font-weight: 500;
    font-size: 16./@rem;
    color:@text_main;
    position: absolute;
    top: 15./@rem;
    left: 20./@rem;
  }
  .radius1{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@text_main;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 59./@rem;
    left: 19.5./@rem;
  }
  .radius2{
    width: 22./@rem;
    height: 22./@rem;
    text-align: center;
    line-height: 22./@rem;
    background-color:@brand_color;
    border-radius: 11./@rem;
    font-weight: 500;
    font-size: 12./@rem;
    color: @white;
    position: absolute;
    top: 111.5./@rem;
    left: 19.5./@rem;
  }
  .verticalline{
    width: 1./@rem;
    height: 22./@rem;
    border: 1./@rem dashed @form_border;
    position: absolute;
    top: 85./@rem;
    left: 30.5./@rem;
  }
  .article1{
    width: 275./@rem;
    height: 40./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 58./@rem;
    left: 53./@rem;
  }
  .article2{
    width: 272./@rem;
    height: 20./@rem;
    font-weight: 400;
    font-size: 14./@rem;
    color:@text_gray;
    position: absolute;
    top: 112.5./@rem;
    left: 53./@rem;
  }
  .line{
    width: 309./@rem;
    height: 1./@rem;
    border: 1./@rem solid @separated;
    top:155./@rem ; 
    position: absolute;
    left: 19./@rem;
    color:@text_gray;
  }
  .gettime{
    height: 40./@rem;
    // width: 117./@rem;
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    top: 170.5./@rem;
    left: 19.5./@rem;
    // .taketimes{

    // }
    .time{
     color: #2a2929;
    }

  }
  .delay{
    width: 52./@rem;
    height: 22./@rem;
    border: 1./@rem solid #EF4F3F;
    border-radius: 11./@rem;
    text-align: center;
    line-height:20./@rem ;
    font-weight: 400;
    font-size: 12./@rem;
    color: #EF4F3F;
    position: absolute;
    top: 15./@rem;
    left: 280./@rem;
    opacity: 0;
  }
  .MincommonClickButton{
    width: 80./@rem;
    height:32./@rem;
    background-color: #FADCD9;
    border-radius: 16./@rem;
    color: @white;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: 175.5./@rem;
    left: 248./@rem;
    text-align: center;
    line-height: 32./@rem;
  }
}
.common_button {
  .task{
    // margin-top: -10./@rem;
  } .red{
  color:#EF4F3F ;
}}